<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Site de relacionamento animal" />

<!--start of styles-->
<link rel="stylesheet" type="text/css"
	href="../css/south-street/jquery-ui-1.8.20.custom.css" />
<link rel="stylesheet" type="text/css" href="../css/layout.css" />
<link rel="stylesheet" type="text/css" href="../css/slide.css" />
<link rel="stylesheet" type="text/css" href="../css/forms.css" />
<link rel="stylesheet" type="text/css" href="../css/testimony.css" />
<link rel="stylesheet" type="text/css" href="../css/page.css" />
<!--end of styles-->

<script type="text/javascript" src="../js/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript"
	src="../js/jquery/jquery-ui-1.8.21.custom.js"></script>
<script type="text/javascript" src="../js/jquery/jquery.json-2.3.js"></script>
<script type="text/javascript" src="../js/widget.js"></script>
<script type="text/javascript" src="../js/admin.js"></script>
<script type="text/javascript" src="../js/new/animal.js"></script>

<script>
$(document).ready(function(){
	restoreAnimalScreen();
});
</script>

</head>
<body>
	<div id="all">
		<div id="main">
			<div id="header"></div>
			
			<div id="content">
				<div id="all_content">
					<div id="top_content">Cadastre seu animal</div>
					
					<div class="form-content">
							<label class="form-120">Espécie</label> 
							<div class="select">
								<select id="insert_specie_animal" class="form-314">
								</select>
							</div>
							<br />
								
							<label class="form-120">Raça</label> 
							<div class="select">
								<select id="insert_race_animal" class="form-314">
									<option selected>Aguardando espécie...</option>
								</select>
							</div>
							<br />
							 
								
							<label class="form-120">Sexo</label>
							<div id="radio-gender" class="comp">
								<input type="radio" id="gender_female" value="f" style="float: left;" />
								<label for="gender_female">Fêmea</label>
								
								<input type="radio" id="gender_male" checked="checked" value="m" style="float: left;" />
								<label for="gender_male">Macho</label>
								<br />
							</div>
							
							<label class="form-120">Porte</label>
							<div id="radio-animal-size" class="comp">
								<input type="radio" name="size_animal" id="small">
								<label class="radio" for="small">Pequeno</label>
								
								<input type="radio"	name="size_animal" id="medium">
								<label class="radio" for="medium">Médio</label>
								
								<input type="radio" name="size_animal" id="larger">
								<label class="radio" for="larger">Grande</label>
							</div>
							<br /> 
								
							<label class="form-120">Idade</label> 
							<div class="select">
								<select id="insert_age_animal" class="form-314">
									<option>2 meses</option>
									<option>6 meses</option>
									<option>1 ano</option>
									<option>2 anos</option>
									<option>3 anos</option>
									<option>4 anos</option>
									<option>5 anos</option>
									<option>6 anos</option>
									<option>7 anos</option>
									<option>8 anos</option>
									<option>9 anos</option>
									<option>10 anos</option>
									<option>11 anos</option>
									<option>12 anos</option>
									<option>13 anos</option>
									<option>14 anos</option>
									<option>15 anos</option>
									<option>16 anos</option>
									<option>17 anos</option>
									<option>18 anos</option>
									<option>19 anos</option>
									<option>20 anos</option>
									<option>21 anos</option>
									<option>22 anos</option>
									<option>23 anos</option>
									<option>24 anos</option>
									<option>25 anos</option>
								</select>
							</div>
							<br />
							<label class="form-120">Nome</label>
							<input type="text" id="name_animal" class="form-300">
							<br /> 

							<label class="form-120">Cor</label>
							<input type="text" id="color_animal" class="form-300">
							<br /> 
							
							<label class="form-120">Status do animal</label> 
							<select id="insert_status_animal" class="form-314">
								<option value="CIDACAO" selected>Cidacão</option>
								<option value="ADOPTION_AVAYLABLE">Disponível para adoção</option>
								<option value="DEAD">Falecido</option>
							</select>
							<br />

							<label class="form-120">Temperamento</label> 
							<select id="insert_temperament" class="form-314">
								<option selected>Dócil</option>
								<option>Agressivo</option>
							</select>
							<br />
							
							<label class="form-120" style="vertical-align:top;">Características</label>
							<textarea cols="30" rows="10" id="description_animal" class="form-300" style="resize: none;"></textarea>
							
						<br />
						<button id="save" class="newanimal">Salvar</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>